.service-details-wrap {
    .header {
        position: relative;
        margin: -24px;
        margin-bottom: 0;
        padding-left: 32px;
        background-color: #fff;
        .title {
            height: 28px;
            font-size: 20px;
            font-family: PingFangSC-Medium,PingFang SC;
            font-weight: 500;
            color: rgba(23,30,45,1);
            line-height: 28px;
        }
        .desc {
            min-height: 44px;
            margin: 12px 0 16px 0;
            width: 618px;
            font-size: 12px;
            font-family: PingFangSC-Regular,PingFang SC;
            font-weight: 400;
            color: rgba(23,30,45,0.45);
            line-height: 22px;
            
        }
        .btn {
            width: 100px;
            height: 32px;
            margin-bottom: 24px;
            border-radius: 2px;
            text-align: center;
            font-size: 12px;
            font-family: PingFangSC-Regular,PingFang SC;
            font-weight: 400;
            color: rgba(255,255,255,1);
            &.btn-service {
                background:@primary-color;
            }
            &.btn-buy {
                background: rgba(223,226,228,1);
            }
        }
        .service_details_img {
            position: absolute;
            top: 0;
            right: 114px;
            width: 204px;
            height: 136px;
            background: url('../../../../../images/applicationService/service_details_banner.svg');
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

    }
    .service-title {
        margin-top: 24px;
        padding: 24px 32px;
        background: rgba(255,255,255,1);
        border-radius: 2px;
        .title {
            height: 24px;
            line-height: 24px;
            font-size: 16px;
            font-family: PingFangSC-Medium,PingFang SC;
            font-weight: 500;
            color: rgba(23,30,45,1);
            .title-text {
                padding-left: 14px;
            }
            &::before {
                content: "";
                position: absolute;
                margin-top: 4px;
                width: 6px;
                height: 16px;
                background: @primary-color;
            }
        }
        .info {
            margin-top: 24px;
            .info-item {
                margin: 8px 0;
                min-height: 22px;
                font-size: 12px;
                font-family: PingFangSC-Regular,PingFang SC;
                font-weight: 400;
                line-height:22px;
                .label {
                    display: inline-block;
                    width: 84px;
                    margin-right: 24px;
                    min-height: 22px;
                    color:rgba(23,30,45,0.45);
                    vertical-align: top;
                }
                .text {
                    width: calc(100% - 108px);
                    display: inline-block;
                    color:rgba(23,30,45,1);
                    &.time {
                        width: 240px;
                    }
                }
                
            }
            .split-line {
                margin: 24px 0;
                height: 1px;
                background: rgba(239,239,239,1);
            }
        }
    }
    .common-table {
        margin-top: 24px;
    }
    
}